/* Original: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/**
 * Reset Style & Font Size Declaration
 * Updated: 2009-09-15
 * Modified: Suchin Prasongbundit
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: normal; font-weight: normal; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { background: white; color: black; line-height: 1; }
ol,ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes: "" ""; }
img { border:0; }
/* Font Size Declaration */
body { font-family: Lucida Grande, Lucida Sans Unicode, Thonburi, Microsoft Sans Serif,  Tahoma, sans-serif;}
html { font-size:100.01%; } /* for IE */
body { font-size: 62.5%;}
table { font-size: inherit; }
select, input, textarea { font: 1em Lucida Grande, Lucida Sans Unicode, Thonburi, Microsoft Sans Serif, Tahoma, helvetica, clean, sans-serif;}
pre, code {font:1em monospace;}
body * {line-height:1.22em;}
a {color:navy; text-decoration:underline;}
a:hover {color:#f00; text-decoration:none;}
a:visited {color:navy;}
strong { font-weight: bold;}
em { font-style: italic;}
strong, em, b, i { font-family: Lucida Sans; }
h1, h2, h3, h4, h5, h6 { font-family: Lucida Sans; }
/* This part from grid960 */
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 19px;} 
h5 {font-size: 17px;}
h6 {font-size: 15px;}
ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 20px;}/**
 * Base Style
 * Updated: 2009-11-02
 * Author: Suchin Prasongbundit
 */
.hide {display:none;}
.show {display:block;}
.invisible {visibility:hidden;}
.visible {visibility:visible;}
.inline {display:inline;}
#dimOverlay { background-color: #000; position: absolute; top: 0px; left: 0px; z-index: 20;	}
.base-alert, .base-info, .base-error, .base-success, .base-download { color: #494949; font-size: 2.0em; font-weight: bold; margin: 5px auto; padding: 7px 20px 7px 45px; text-align: left; position: absolute; z-index: 90; left: 0; top: 0; width: 600px; height: 55px; }
/*html>body .base-alert, .base-info, .base-error, .base-success, .base-download { position: fixed; left: 10%; top: 10px; 
right: 10%; }*/

.base-alert { background: #fff6bf url(../jstep/assets/images/knob-32/attention.png) no-repeat 10px 50%; border-bottom: 2px solid #ffd324; border-top: 2px solid #ffd324; color: #A0971E; }
.base-info { background: #cef2f5 url(../jstep/assets/images/knob-32/info.png) no-repeat 10px 50%; border-bottom: 2px solid #69dcf5; border-top: 2px solid #69dcf5; color: #00529B;}
.base-error { background: #FFBABA url(../jstep/assets/images/knob-32/cancel.png) no-repeat 10px 50%; border-bottom: 2px solid #D8000C; border-top: 2px solid #D8000C; color: #D8000C;}
.base-success { background: #DFF2BF url(../jstep/assets/images/knob-32/valid_green.png) no-repeat; background-position: 10px 50%; border-bottom: 2px solid #4F8A10; border-top: 2px solid #4F8A10; color: #4F8A10;}
.base-close { background: url(../jstep/assets/images/close2.png) no-repeat; display: block; height: 13px; text-indent: -7000px; width: 13px; margin-left: -47px; margin-top: -10px;}
.base-download { background: #D5F69B url(../jstep/assets/images/kombine-32/download.png) no-repeat 10px 50%; border-bottom: 2px solid #75AD14; border-top: 2px solid #75AD14; color: #446C00; padding:16px 20px 16px 45px; }
.base-download a { color: #446C00; font-weight: bold; }
.fb-alert { background: url(../jstep/assets/images/knob-32/attention.png) no-repeat left top; display: block; float: left; height: 32px; width: 34px; }
.fb-info { background: url(../jstep/assets/images/knob-32/info.png) no-repeat left top; display: block; float: left; height: 32px; width: 34px; }
.fb-error { background: url(../jstep/assets/images/knob-32/cancel.png) no-repeat left top; display: block; float: left; height: 32px; width: 34px; }
.fb-success { background: url(../jstep/assets/images/knob-32/valid_green.png) no-repeat left top; display: block; float: left; height: 32px; width: 34px; }
.fb-content { font-size: 1.2em; }
.seperator6 { height: 6px;}
.seperator8 { height: 8px;}
.seperator12 { height: 12px;}
.seperator16 { height: 16px;}
.seperator24 { height: 24px;}
.seperator32 { height: 32px;}

#base-loading { background: url(../jstep/assets/images/smoke1.png) no-repeat; color: #fff; display: block; font-size: 0.9em;	height: 75px; position: absolute; width: 300px; z-index: 92; opacity: .9; filter: alpha(opacity=90); left: 0px; top: 0px; }
/*html>body #base-loading { left: 0px; position: fixed; top: 0px; }*/
.base-loading1 { background: url(../jstep/assets/images/loader/loader01.gif) no-repeat center 35%; display: block; font-weight: bold; width: 300px; height: 75px; text-indent: 20px; padding-top: 16px; }

/* inspire from ie6update */
#ie6update { background: #ffffe1 url(../jstep/assets/images/ie6update/icon.png) no-repeat 8px center; border-bottom: 1px solid #666; display: block; font-size: 14px; position: absolute; left: 0px; padding: 8px 16px 8px 32px; top: 0px; z-index: 99; height: 24px; width: expression((document.documentElement.clientWidth) + 'px'); }
#ie6update a { color: #00f; }

/* inspire from imagezoom */
.shadow .tl, .shadow .tr, .shadow .bl, .shadow .br { width: 42px; height: 42px; position: absolute;
background-repeat: no-repeat; background-color: transparent; }
.shadow .tl { background-image: url(../jstep/assets/images/shadow_tl.png) !important; background-image: none; background-position: top left; top: -43px; left: -43px; }
.shadow .tr { background-image: url(../jstep/assets/images/shadow_tr.png) !important; background-image: none; background-position: top right; top: -43px; right: -41px; }
.shadow .bl { background-image: url(../jstep/assets/images/shadow_bl.png) !important; background-image: none; background-position: bottom left; bottom: -41px; left: -43px; }
.shadow .br { background-image: url(../jstep/assets/images/shadow_br.png) !important; background-image: none; background-position: bottom right; bottom: -41px; right: -41px; }
.shadow .top, .shadow .bottom { width: 100%; height: 42px; background-color: transparent; background-repeat: repeat-x; position: absolute; left: -1px; }
.shadow .top { top: -42px; background-image: url(../jstep/assets/images/shadow_top.png) !important; background-image: none; background-position: top left; }
.shadow .bottom { bottom: -39px; background-image: url(../jstep/assets/images/shadow_bottom.png) !important; background-image: none; background-position: bottom left; }
.shadow .left, .shadow .right { width: 42px; height: 100%; background-color: transparent; background-repeat: repeat-y; position: absolute; top: -1px; }
.shadow .left { left: -42px; background-image: url(../jstep/assets/images/shadow_left.png) !important; background-image: none; background-position: top left;	}
.shadow .right { right: -39px; background-image: url(../jstep/assets/images/shadow_right.png) !important; background-image: none; background-position: top right; }/* style1: fieldset, input, textarea and button */
fieldset { background:#D3DBE2 repeat-x left top; border: 1px solid #c8c8c8; font-size: 1.4em; margin: 0 auto; width: 98%; }
fieldset legend { font-size: 1.2em; font-weight: bold; margin-left: 12px; }
fieldset ul { margin: 12px; padding: 0; }
fieldset ul li { list-style: none; margin: 0; padding: 0; margin-bottom: 5px; text-align: left; }
fieldset ul li label { display: block; float: left; font-size: 1.2em; width: 99%; }
fieldset ul li label.i { width: 20%; }
fieldset ul li label em { color: #ff1515; }
fieldset ul li input { border: 1px solid #cadbff; }
input.default-style { border: 2px solid #cadbff; padding: 4px; }
input.default-style:focus, textarea:focus { border: 2px solid #B4BAFF; }
textarea { font-size: 1.1em; }

/* style1: table */
table.default-style { border-collapse:collapse; font-size: 1.3em; margin: 0 auto; padding: 0; width: 98%; }
.default-style caption { color: #a00; font-size: 1.1em; font-style: italic; padding: 4px; text-align: left; width: 98%; }
.default-style th { background: #cae8ea url(../jstep/assets/images/table-header.jpg) repeat-x; border: 1px solid #c1dad7; border-bottom: none; color: #4f6b72; font-size: 1.1em; font-weight: bold; letter-spacing: 2px; padding: 6px 6px 6px 12px; text-align: left; }
.default-style td { background: #fff; border: 1px solid #c1dad7; color: #4f6b72; padding: 6px 6px 6px 12px; }
.default-style th.check { margin: 0 auto; text-align: center; width: 16px; }
.default-style td.even { background: #f5fafa; color: #797268; }
.default-style th.odd, th.even { border-bottom: 1px solid #c1dad7; border-top: 0; letter-spacing: normal; }
.default-style th.odd { background: #fff url(../jstep/assets/images/table-bullet1.gif) no-repeat; }
.default-style th.even { background: #f5fafa url(../jstep/assets/images/table-bullet2.gif) no-repeat; color: #797268; }

/* style1: toolbar */
.toolbar { background: url(../jstep/assets/images/bg/bg-toolbar02.png) repeat-x left top; display: block; font-size: 1.0em; height: 44px; padding-top: 7px; margin: 4px auto; width: 98%; }
.toolbar ul { list-style: none; }
.toolbar li { display: inline; margin: 8px;}
.toolbar h1 { color: #000; display: block; float: left; font-size: 1.6em; font-weight: bold; height: 30px; line-height: 30px; margin: 0 16px; }

.toolbar a { color: #1c4257; font-size: 1.3em; font-weight: bold; line-height: 22px; margin-left: 0px; text-decoration: underline; }
.toolbar a:hover { text-decoration: none; }

.toolbar button { background:url(../jstep/assets/images/button/button02-right.png) right center no-repeat; border:0; cursor:pointer; font-weight:bold; margin-left: 8px; padding:0 10px 0 0; text-align:center; /* Begin IE Hack */ width:auto;  overflow:visible; }
.toolbar button span { background:url(../jstep/assets/images/button/button02-left.png) left center no-repeat; color:#1c4257; display:block; font-size:1.3em; font-weight: bold; height:30px; line-height:30px; padding:0 0 0 10px; position:relative; white-space:nowrap; }
.toolbar button:hover { background:url(../jstep/assets/images/button/button02-right-hover.png) right no-repeat; color:#1c4257; }
.toolbar button:hover span { background:url(../jstep/assets/images/button/button02-left-hover.png) left no-repeat; }
.toolbar button:focus { background:url(../jstep/assets/images/button/button02-right-focus.png) right no-repeat; color:#1c4257;}
.toolbar button:focus span { background:url(../jstep/assets/images/button/button02-left-focus.png) left no-repeat;}

.toolbar a.button { background:url(../jstep/assets/images/button/button02-right.png) no-repeat right center; border: 0; cursor: pointer; display: block; float: left; font-weight: bold; height: 30px;  margin-left: 8px; padding:0 10px 0 0; text-align: center; text-decoration: none; }
.toolbar a.button span { background: url(../jstep/assets/images/button/button02-left.png) left center no-repeat; color: #1c4257; display: block; font-weight: bold; height: 30px; line-height: 28px; padding:0 0 0 10px; }
.toolbar a:hover.button { background: url(../jstep/assets/images/button/button02-right-hover.png) no-repeat right center; color: #1c4257; }
.toolbar a:hover.button span { background: url(../jstep/assets/images/button/button02-left-hover.png) no-repeat left center; }
.toolbar a:focus.button { background: url(../jstep/assets/images/button/button02-right-focus.png) no-repeat right center; color: #1c4257; }
.toolbar a:focus.button span { background: url(../jstep/assets/images/button/button02-left-focus.png) no-repeat left center;}

/* style1: pagination */
.pagination { margin: 8px auto; width: 98%; }
.pagination ul { list-style-type: none; }
.pagination li { display: inline; margin: 0 1px; }
.pagination li a { background: #DEEFF7; border: 1px solid #0073BD; color: #003152; font-weight: bold; padding: 2px 6px; text-decoration: none; }
.pagination li a:hover { background: #fff6bf; border: 1px solid #ffd324; color: #000; }
.pagination li a.page-active { background: #003152; color: #fff; }/* default-content */
.default-content { /*background: #FFFEF0;*/ color: #111; display: block; text-align: auto; width: 100%; }
.default-content strong, .default-content strong * { font-weight: bold; }
.default-content em, .default-content em * { font-style: italic; }
.default-content u, .default-content u * { text-decoration: underline; }
.default-content strike, .default-content strike * { text-decoration: line-through; }
.default-content ol { list-style: decimal; margin: 8px 48px !important; }
.default-content ul { list-style: disc; margin: 8px 48px !important; }
.default-content li { margin: 0px !important; padding: 0px !important; }
.default-content span { display: inline !important; margin: 0px !important; padding: 0px !important; }
.default-content p { display: block; line-height: 1.5em !important; margin: 16px !important; padding: 0px !important; }
.default-content blockquote { background: #ffe5ff; border-left:3px solid #fea1ff; color:#303; display: block; margin: 24px !important; padding: 2px !important; }
.default-content table { margin: 4px !important; padding: 4px !important; }
.default-content td { border: 1px solid #999; margin: 2px !important; padding: 2px !important; }.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}#imagezoom_overlay { position: absolute; top: 0px; left: 0px; z-index: 9999996; }
.imagezoom { background-color: #fff; border: 1px solid #585858; margin: -5px; padding: 4px; z-index: 9999997; }
.imagezoom .loading { width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; }
.imagezoom .image {
position: relative;
z-index: 25;
display: block;
}
.imagezoom .close {
width: 30px;
height: 30px;
background-image: url(../jstep/3rdparty/imagezoom/images/closebox.png) !important;
background-image: url(../jstep/3rdparty/imagezoom/images/closebox.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
cursor: pointer;
position: absolute;
top: -15px;
right: -15px;
z-index: 30;
}
.imagezoom .close span {
display: none;
}
.imagezoom .caption {
margin: 0px 0px;
margin-top: -30px;
color: #fff;
font-size: 12px;
text-align: center;
height: 30px;
background-image: url(../jstep/3rdparty/imagezoom/images/caption.png);
background-repeat: repeat-x;
background-color: transparent;
background-position: bottom left;
position: relative;
z-index: 30;
}
	
.imagezoom .caption p {
margin: 0px;
line-height: 22px;
height: 30px;
vertical-align: middle;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
text-align: center;
}

.imagezoom .caption .previous, .imagezoom .caption .next {
display: block;
width: 22px;
height: 22px;
position: absolute;
top: 50%;
margin-top: -11px;
left: 18px;
cursor: pointer;
background-image: url(../jstep/3rdparty/imagezoom/images/prev.png) !important;
background-image: url(../jstep/3rdparty/imagezoom/images/prev.gif);
}

.imagezoom .caption .next {
left: auto;
right: 18px;
background-image: url(../jstep/3rdparty/imagezoom/images/next.png) !important;
background-image: url(../jstep/3rdparty/imagezoom/images/next.gif);
}

/** Shadows **/

.imagezoom .s_tl, .imagezoom .s_tr, .imagezoom .s_bl, .imagezoom .s_br {
width: 13px;
height: 18px;
position: absolute;
background-repeat: no-repeat;
background-color: transparent;
}

.imagezoom .s_tl {
background-image: url(../jstep/3rdparty/imagezoom/images/shadow_tl.png) !important;
background-image: none;
background-position: top left;
top: -19px;
left: -14px;
}

.imagezoom .s_tr {
background-image: url(../jstep/3rdparty/imagezoom/images/shadow_tr.png) !important;
background-image: none;
background-position: top right;
top: -19px;
right: -14px;
}

.imagezoom .s_bl {
background-image: url(../jstep/3rdparty/imagezoom/images/shadow_bl.png) !important;
background-image: none;
background-position: bottom left;
bottom: -19px;
left: -14px;
}

.imagezoom .s_br {
background-image: url(../jstep/3rdparty/imagezoom/images/shadow_br.png) !important;
background-image: none;
background-position: bottom right;
bottom: -19px;
right: -14px;
}

.imagezoom .s_top, .imagezoom .s_bottom {
width: 100%;
height: 18px;
background-color: transparent;
background-repeat: repeat-x;
position: absolute;
left: -1px;
}

.imagezoom .s_top {
top: -18px;
background-image: url(../jstep/3rdparty/imagezoom/images/shadow_top.png) !important;
background-image: none;
background-position: top left;
}

.imagezoom .s_bottom {
bottom: -18px;
background-image: url(../jstep/3rdparty/imagezoom/images/shadow_bottom.png) !important;
background-image: none;
background-position: bottom left;
}

.imagezoom .s_left, .imagezoom .s_right {
width: 13px;
height: 100%;
background-color: transparent;
background-repeat: repeat-y;
position: absolute;
top: -1px;
}

.imagezoom .s_left {
left: -13px;
background-image: url(../jstep/3rdparty/imagezoom/images/shadow_left.png) !important;
background-image: none;
background-position: top left;		
}

.imagezoom .s_right {
right: -13px;
background-image: url(../jstep/3rdparty/imagezoom/images/shadow_right.png) !important;
background-image: none;
background-position: top right;		
}